(function ($) {
  window.onload = function () {
    $(".xiala").mouseenter(function () {
      $(this).css({ backgroundColor: "#fff" });
      $(this).find(".erji").css({ display: "block" });
    });
    $(".xiala").mouseleave(function () {
      $(this).css({ backgroundColor: "#f2f2f2" });
      $(this).find(".erji").css({ display: "none" });
    });
    $("a").mouseenter(function () {
      $(this).css({ color: "#cc0000", "text-decoration": "underline" });
    });
    $("a").mouseleave(function () {
      $(this).css({ color: "#999", "text-decoration": "none" });
    });

    // 二级导航
    $(".catitem").on("mouseenter", function () {
      $(this).find(".menubox").show();
      $(this).css({
        "border-left": "3px solid #ce171f",
        background: "#f1f1f1",
      });
    });
    $(".catitem").on("mouseleave", function () {
      $(this).find(".menubox").hide();
      $(this).css({ "border-left": "none", background: "#fff" });
    });

    //疯狂抢购
    $(".crazylefttop li").hover(function () {
      let index = $(this).index();
      $(".crazybodycon")
        .eq(index)
        .css("display", "block")
        .siblings()
        .css("display", "none");
      $(this).addClass("on").siblings().removeClass("on");
    });
    //公告
    $(".crazyrightnav li").hover(function () {
      let index = $(this).index();
      $(".crazyrightcon1")
        .eq(index)
        .css("display", "block")
        .siblings()
        .css("display", "none");
      $(this).addClass("on").siblings().removeClass("on");
    });
    // 楼梯
    let flag = true;
    // 获取页面滚动
    $(window).scroll(function () {
      //显示隐藏
      if (flag) {
        let st = $(this).scrollTop();
        if (st > 1000) {
          $(".fixdiv").fadeIn();
        } else {
          $(".fixdiv").fadeOut();
        }
      }
      //同步楼层和每层酒楼
      if (flag) {
        $(".whitewine").each(function () {
          let st = $(this).scrollTop();
          if (st >= $(this).offset().top - $(this).outerHeight() / 2) {
            var index = $(this).index();
            $(".fixdiv li span")
              .eq(index)
              .addClass("hover")
              .siblings()
              .removeClass("hover");
          }
        });
      }
    });

    $(".fixdiv li:not(:first,:last)").click(function () {
      flag = false;
      let index = $(this).index();
      $("body,html")
        .stop()
        .animate(
          {
            scrollTop: $(".whitewine").eq(index).offset().top,
          },
          500,
          function () {
            flag = true;
          }
        );
    });

    $(".fixdiv li:first").click(function () {
      flag = false;
      $("body,html")
        .stop()
        .animate(
          {
            scrollTop: $(".whitewine").offset().top,
          },
          500,
          function () {
            flag = true;
          }
        );
    });

    $(".fixdiv li:last").click(function () {
      flag = false;
      $("body,html")
        .stop()
        .animate(
          {
            scrollTop: 0,
          },
          500,
          function () {
            flag = true;
          }
        );
    });
    //地方名品
  };
})(jQuery);
